<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Login to Website</title>
<link href="../css/Login.css" rel="stylesheet" type="text/css" />
<!-- <script type="text/javascript" src="../js/global/common.js"/> -->
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.4.1/build/assets/skins/sam/skin.css">
<script type="text/javascript" src="../build/yahoo/yahoo-min.js"></script>
<script type="text/javascript" src="../build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="../build/container/container-min.js"></script>
<script type="text/javascript" src="../build/menu/menu-min.js"></script>
<script type="text/javascript" src="../build/element/element-min.js"></script>
<script type="text/javascript" src="../build/button/button-min.js"></script>
<script type="text/javascript" src="../build/json/json-min.js"></script>
<script type="text/javascript" src="../build/get/get-min.js"></script>
<script type="text/javascript" src="../build/utilities/utilities.js"></script>
<script type="text/javascript" src="../build/connection/connection-min.js"></script>
<script type="text/javascript" src="../build/stylesheet/stylesheet-min.js"></script>
<script type="text/javascript" src="../js/Login.js"></script>

</head>
<body onload="hideProcessing();">
<div id="updateProgressDiv" style="display:none">
    <div align="center" style="margin-top:13px;">
        <img src="../images/loading.gif" />
    </div>
</div>
	<form:form action="login"  commandName="loginForm">
		<table id="LoginTb" cellpadding="2px" cellspacing="1px" bgcolor="#F4F5F7" width="500px" class="tableBorder" align="center">
		    <tr>
		        <td colspan="2" bgcolor="#0066FF">&nbsp;</td>
		    </tr>
		    <tr>
		        <td colspan="2" class="label">&nbsp;</td>
		    </tr>

		    <tr>
		        <td align="center" colspan="2">
		            <img src="../images/lock.gif" border="0" align="middle" />&nbsp;
		            <span class="message">Login to the Admin Panel</span>
		        </td>
		    </tr>
		    <tr>
		    </tr>
		        <td class="label">&nbsp;</td>
		        <td width="60%"><form:errors cssClass="labelError"/></td>
		    <tr>
		        <td class="label" >User Name:</td>
		        <td align="left" width="60%">
		        	<input type="text" name="userName" id="userName" maxlength="20" pattern="[A-Za-z][A-Za-z0-9_]*" placeholder="Enter User Name" required/>
		        	<form:errors path="userName" cssClass="labelError"/>
		        </td>
		    </tr>
		    <tr>
		        <td class="label">Password:</td>
		        <td align="left">
		        	<input type="password" name="password" id="password" maxlength="20" pattern="[A-Za-z][A-Za-z0-9!@#$^]*" placeholder="Enter Password" required/>
		        	<form:errors path="password" cssClass="labelError"/>
		        </td>
		    </tr>
		    <tr>
		        <td class="label">&nbsp;</td>
		        <td align="left">
		        	<input type="submit" id="submit" value="Login" width="80" onclick="showProcessing();"/>
		        	<input type="reset" value="Reset" width="80" />
		        </td>
		    </tr>
		    <tr>
		        <td colspan="2" class="label">&nbsp;</td>
		    </tr>
		</table>
	</form:form>
</body>
</html>
